echarts折线图时间轴展示

您所在的位置：网站首页 › echarts y轴刻度修改 › echarts折线图时间轴展示

echarts折线图时间轴展示

2023-03-26 19:42| 来源: 网络整理| 查看: 265

echarts折线图时间轴展示原创

wx6419609e20dfa 2023-03-22 07:32:52 博主文章分类：项目功能经验 ©著作权

文章标签 dataZoom interval 时间轴 echarts 过长显示不全文章分类 HarmonyOS 后端开发

©著作权归作者所有：来自51CTO博客作者wx6419609e20dfa的原创作品，请联系作者获取转载授权，否则将追究法律责任

1. echarts折线图，我们平时在使用的时候，x轴上面的数据通常会有很多很多，使得x轴上面的数据通常显示不完整2. 3. 解决方案一:对x轴坐标添加时间间隔4. //添加x轴时间间隔(js)5. xAxis : [ { axisLabel : { show:true, interval: '0', // 显示全部数据，还有auto/>0数字均可 rotate: 45, margin: 8, formatter: '{value}月', textStyle: { color: 'blue', fontFamily: 'sans-serif', fontSize: 15, fontStyle: 'italic', fontWeight: 'bold' } },6. //添加x轴坐标间隔(java)7. CategoryAxis categoryxAxis = new CategoryAxis();8. AxisLabel asxisLabel = new AxisLabel();9. axisLabel.setInterval(0);10. categoryAxis.setAxisLabel(axisLabel)11. 12. 解决方案二:对x轴坐标添加时间轴13. //dataZoom时间轴14. DataZoom dataZoom = new DataZoom();15. dataZoom.setShow(true)16. dataZoom.start(70);

赞收藏评论分享举报

上一篇：gitlab添加新用户

下一篇：Thymeleaf-如何获取model中的值

【本文地址】

echarts折线图时间轴展示

echarts折线图时间轴展示

今日新闻

推荐新闻